@charset "utf-8";
html, body {
	
}

body {
	
}
.table th, .table td {
	vertical-align: middle;
}

* {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

a, img {
	border: 0;
}

 
/* clock */
.clock {
	width: 360px;
	height: 120px;
	color: #d96457; 
	font-family: "Lato", sans-serif;
	 position: relative;
	left: 31%;
	top:20px;
} 

.clock div {
	position: relative;
	float: left;
	background: #ffe8e8;
	border-radius: 6px;
	width: 96px;
	height: 96px;
	line-height: 96px;
	text-align: center;
	font-size: 60px;
	margin: 0px 5px;
}

.game_time {
	width: 100px;
	height: 100px;
	text-align: center;
	position: relative;
	left: 36%;
}

/* time scroll*/
.pie {
	width: 200px;
	height: 200px;
	background-color: blue;
	border-radius: 500px !important;
	position: absolute;
}

.pie1 {
	clip: rect(0px, 200px, 100px, 0px);
	-o-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	background-color: #fff; 
}

.hold {
	width: 200px;
	height: 200px;
	position: absolute;
	z-index: 1;
}

.bg {
	width: 200px;
	height: 200px;
	border-radius: 200px !important;
	position: absolute;
	background-color: #23c6c8;
}

.time {
	width: 160px;
	height: 160px;
	margin: 20px 0 0 20px;
	background-color: #1ab394;
	border-radius: 160px !important;
	position: absolute;
	z-index: 1;
	text-align: center;
	line-height: 160px;
	font-size: 30px;
	color: #fff;
}